html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    font-family: sans-serif;
    font-weight: 100;
    letter-spacing: 0.01em;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: rgb(61, 146, 201);
}

body {
    background-color: white;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clear {
	clear: both;
}
.info {
    max-width: 1000px;
    margin: 0 auto;
}
#main {
    padding: 0 16px;
}
#main .header,#main .footer {
	width: 100%;
    padding: 7px 0;
}
.login-header {
    margin: 100px 0 50px 0;
    text-align: center;
}
.login-header h1{
    font-size: 300%;
    font-weight: 100;
    margin: 0;
    display: inline-block;
}
.login-header h2{
    font-size: 125%;
    font-weight: 100;
    line-height: 1.5;
    margin: 0;
    color: #666;
    letter-spacing: -0.02em;
    display: inline-block;
}
#layout {
    transition: all 0.2s ease-out;
    position: relative;
    padding-left: 160px;
    left: 0;
}
#menu {
    margin-left: -160px;
    width: 160px;
    position: fixed;
    top: 0;
    left: 160px;
    bottom: 0;
    z-index: 1000;
    background: #191818;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
#menu .pure-menu-heading {
    font-size: 125%;
    font-weight: 300;
    letter-spacing: 0.1em;
    color: #fff;
    margin-top: 0;
    padding: 0.5em 0.8em;
    text-transform: uppercase;
}
#menu a {
    color: #999;
    border: none;
    white-space: normal;
    padding: 0.625em 1em;
}
#menu .pure-menu li a:hover,
#menu .pure-menu li a:focus {
    background: #333;
}

.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
    background: rgb(66, 184, 221); /* this is a light blue */
}

.button-xsmall {
    font-size: 70%;
}

.button-small {
    font-size: 85%;
}

.button-large {
    font-size: 110%;
}

.button-xlarge {
    font-size: 125%;
}
.content {
    min-width: 768px;
    max-width: 1200px;
    min-height: 500px;
}
.table {
    width: 100%;
}